.et-ops-bar {
  padding: 0 1rem 0;

  .search-field-wrapper {
    position: relative;

    i {
      position: absolute;
      right: 1rem;
      color: $et-dark-gray;
      line-height: 100%;
      padding: 0.5rem 0;
    }

    .input-group-field {
      border-radius: 2rem;
      padding: 0.5rem 3rem 0.5rem 1rem;
      height: 2.5rem;
    }

    &.et-search {
      .input-group-field {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }

      .input-group-button {
        .button {
          border-top-right-radius: 2rem;
          border-bottom-right-radius: 2rem;

          i {
            position: static;
            color: $white;
          }

          .secondary {
            background-color: $dark-gray;
          }
        }
      }

      i.async-clear-icon {
        right: 4.5rem;
      }
    }
  }

  .button-group {

    @include breakpoint(small only) {
      margin-bottom: 1rem;
    }

    .button {
      &:first-child {
        border-top-left-radius: 2rem;
        border-bottom-left-radius: 2rem;
      }

      &:last-child {
        border-top-right-radius: 2rem;
        border-bottom-right-radius: 2rem;
      }
    }
  }

  .dropdown-btn-grp {

    margin-bottom: 1rem;

    & > li {
      padding-right: 1px;

      &:last-child {
        padding-right: 0;

        & > a {
          border-top-right-radius: 2rem;
          border-bottom-right-radius: 2rem;
        }
      }

      &:first-child {
        & > a {
          border-top-left-radius: 2rem;
          border-bottom-left-radius: 2rem;
        }
      }

      a.et-icon-btn {
        color: $white;

        &:after {
          content: none;
        }
      }
    }

    .et-dropdown {
      a {
        padding: 0.7rem 0;
        font-size: 0.9rem;

        &[disabled] {
          color: $medium-gray;
          cursor: not-allowed;
        }
      }
    }

  }
}
